<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>我的顾问</title>
   <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
   <script type="text/javascript">
   </script>
</head>
<body>
<div class="container">
	<div class="panel panel-default clearfix">
 		<div class="col-xs-3 well well-sm" style="text-align:center">
			<span>服务顾问</span>
		</div>
		<div class="col-xs-6" style="text-align:center;">
		   <p><span>
		      <img class="img-circle" src="img\1.png" alt="头像" title="头像图片" style="width:80%"/>
		   </span></p>
		   <p><span>王璐</span></p>
		   <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#myModal" >
		   <span class="glyphicon glyphicon-earphone" style="color: rgb(255, 0, 0);"></span>
		   <span>131********</span>
		   </button>
		 </div>
		 <div class="col-xs-3">
       		<button type="button" class="btn btn-default btn-sm">
        	  <span class="glyphicon glyphicon-refresh"></span>换一个
        	</button>
         </div>
         <!-- 模态框（Modal） -->
		   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			 <div class="modal-dialog">
			   <div class="modal-content">
				 <div class="modal-body" style="text-align:center;">
				   <p>提示</p>
				   <p>确定拨打电话<span>131******</span>吗？</p>
				 </div>
			   	 <div class="modal-footer" style="text-align:center">
				    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				    <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
			     </div>
			   </div>
			</div><!-- /.modal-content -->
		   </div><!-- /.modal -->
	</div>
	<div class="panel panel-default clearfix">
 		<div class="col-xs-3 well well-sm" style="text-align:center">
			<span>销售顾问</span>
		</div>
		<div class="col-xs-6" style="text-align:center;">
		   <p><span>
		      <img class="img-circle" src="img\1.png" alt="头像" title="头像图片" style="width:80%"/>
		   </span></p>
		   <p><span>王璐</span></p>
		   <button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#myModal" >
		   <span class="glyphicon glyphicon-earphone" style="color: rgb(255, 0, 0);"></span>
		   <span>131********</span>
		   </button>
		 </div>
		 <div class="col-xs-3">
       		<button type="button" class="btn btn-default btn-sm">
        	  <span class="glyphicon glyphicon-refresh"></span>换一个
        	</button>
         </div>
         <!-- 模态框（Modal） -->
		   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			 <div class="modal-dialog">
			   <div class="modal-content">
				 <div class="modal-body" style="text-align:center;">
				   <p>提示</p>
				   <p>确定拨打电话<span>131******</span>吗？</p>
				 </div>
			   	 <div class="modal-footer" style="text-align:center">
				    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				    <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
			     </div>
			   </div>
			</div><!-- /.modal-content -->
		   </div><!-- /.modal -->
	</div>
</div>
</body>
</html>
